<div class="col-12 col-md-6 mb-3">
    <div class="card" {{ sylius_test_html_attribute('actions') }}>
        <div class="card-header">
            <div class="card-title">
                {{ 'sylius.ui.actions'|trans }}
            </div>
        </div>
        <div class="card-body">
            <div class="row align-items-center">
                {{ form_row(hookable_metadata.context.form.actions, {
                    label: false,
                    attr: {'class': 'flex-grow-1'}
                }) }}

                {% hook 'actions' %}
            </div>
        </div>
        <div class="card-footer">
            {{ form_row(hookable_metadata.context.form.actions.vars.button_add) }}
        </div>
    </div>
</div>
